// 项目的根组件，一切组件的根基
// App被引入到了index.js,渲染到public/index.html文件中id为root的div

import { useState } from "react";

// React Hooks使用规则
// 1. 只能在组件中或者其他自定义Hook函数中调用
// 2. 只能在组件的顶层调用，不能嵌套在if、for、其它的函数中

// 错误用法演示
// 错误用法1：组件外使用
// useState('')

function App21() {
  // 错误用法2：if、for组件内部使用
  // if (Math.random() > 0.5) {
  //   useState(0)
  // }

  return (
    <div className="App">
      this is app
    </div>
  )
}

export default App21
